.input {
  box-sizing: border-box;
  border-width: $input-normal-border-width;
  border-style: solid;
  border-color: $input-normal-border-color;
  display: inline-block;
  width: 100%;
  color: $input-normal-color;
  font-size: $font-size;
  font-family: '微软雅黑';
  padding-left: $input-padding-x;
  padding-right: $input-padding-x;
  outline: none;
  height: $input-normal-height;
  line-height: $input-normal-height;
  &:hover {
    border-color: $input-active-border-color;
    color: $text-color;
  }
  &:hover::placeholder{
    border-color: $input-active-border-color;
    color: $text-color;
  }
  &:focus {
    border-color: $input-active-border-color;
    color: $text-color;
  }
}
.input-sm {
  height: $input-small-height;
  line-height: $input-small-height;
}
.input-disabled {
  border-color: $input-disabled-border-color;
  color: $text-help-color;
  background-color: $input-disabled-background-color;
}
.input-error {
  border-color: $danger-color;
  color: $danger-color;
}

.input-box {
  position: relative;
  display: inline-block;
  width: 100%;
  .input-after-icon {
    position: absolute;
    top: $input-normal-height/2 - 10; // 盒子高度 - 元素自身一半的高度
    right: 10px;
  }
  .input-sm-after-icon {
    position: absolute;
    top: $input-small-height/2 - 10;
    right: 10px;
  }
}
